<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../css/carList.css">
</head>
<body>
    <div class="carlistwrap">

        <!-- 引入头部 -->
        <div class="headerwrap"></div>
        
        <!-- 引入侧边栏 -->
        <!-- <div class="navLeft">
            <div class="navlogo">
                <i class="iconfont icon-daohang"></i>
            </div>
            <div class="narleftwrap">

            </div>
        </div> -->

        <!-- 当前位置 -->
        <div class="home-menu">
            <p>您的位置：
                <a href="./index.html">首页</a>
                &gt; 购物袋
            </p>
        </div>

        <!-- 购物车 -->
        <div class="carlist">
            <h2>购物袋</h2>
            <!-- 购物车物品 --> 
            <div class="caritemwrap">
                <!-- <div class="caritem">
                    <div class="check">
                        <input type="checkbox" name="" id="">
                    </div>
                    <div class="itemimg">
                        <img src="../images/pro1.jpg" alt="">
                    </div>
                    <div class="pmessage">
                        <div class="pname">
                            <h5>女装廓形西装外套</h5>
                            <p>商品编号：WVE2S1CE2000</p>
                        </div>
                        <div class="psize">
                            <p>颜色: 正黑</p>
                            <p>尺码: S(165/84A)</p>
                        </div>
                    </div>
                    <div class="pprice">¥<span>699.00</span> </div>
                    <div class="pnumchange">
                        <div class="sub">-</div>
                        <div class="pnum">1</div>
                        <div class="add">+</div>
                    </div>
                    <div class="delbtn">
                        <button>x</button>
                    </div>
                </div> -->
            </div>
            <!-- 结算 -->
            <div class="caraccounts">
                <div class="prosum">
                    <div class="prosumitem cassnum">
                        <p>商品总数</p>
                        <div>
                            <span>0</span>
                            件
                        </div>
                    </div>
                    <div class="prosumitem discounts">
                        <p>优惠金额</p>
                        <div>
                            ￥
                            <span>0.00</span>
                        </div>
                    </div>
                    <div class="prosumitem total">
                        <p>总金额</p>
                        <div>
                            ￥
                            <span>0.00</span>
                        </div>
                    </div>
                </div>
                <div class="payment">
                    <div class="checkall">
                        <input type="checkbox" name="" id="">
                        <span>全选</span>
                    </div>
                    <a href="./productList.html" class="gobuy">&lt;&nbsp;继续购买</a>
                    <button class="paybtn">结&nbsp;&nbsp;算</button>
                </div>
            </div>
        </div>

        <!-- 购物车为空 -->
        <div class="carnull">
            <div class="carnullcon">
                <div class="carnullimg">
                    <img src="../images/cartnull.png" alt="">
                </div>
                <p>购物袋没有商品哦~~~赶紧去挑选一些来吧</p>
                <p class="p2">
                    <a href="./index.html">去逛逛</a>
                </p>
            </div>
        </div>


        <!-- 页面底部 -->
        <div class="footerwrap"></div>

    </div>


    <script src="../js/jquery.min.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/carList.js"></script>
    <script>
        // 引入头部
        $(".headerwrap").load("./header.html");
        //引入左边导航
        $(".narleftwrap").load("./navleft.html");
        // 引入页面底部
        $(".footerwrap").load("./footer.html");
    </script>
</body>
</html>